import React from 'react';
import '../../App.css';
import 'antd/dist/antd.css'
import {Row, Col} from 'antd'
import Myslidermenu from "../Myslidermenu/Myslidermenu";
import Mycarousel from "../Mycarousel/Mycarousel";
import './mycontent.css'
import {ProductCollection} from "../ProductCollection/ProductCollection";
import sideimg1 from '../../assets/images/sider_2019_02-04.png'
import sideimg2 from '../../assets/images/sider_2019_02-04-2.png'
import sideimg3 from '../../assets/images/sider_2019_12-09.png'
import {useTranslation} from 'react-i18next'
interface Props{
    productList:any[]
}
const Mycontent:React.FC<Props>=(props)=>{
    const {t}=useTranslation();
    return (
        <div className="mycontent">
            <Row>
                <Col span={6}>
                    <Myslidermenu></Myslidermenu>
                </Col>

                <Col span={18}>
                    <Mycarousel></Mycarousel>
                </Col>
            </Row>
            <ProductCollection title={t("home_page.hot_recommended")} sideimg={sideimg1} products={props.productList[0].touristRoutes}></ProductCollection>
            <ProductCollection title={t("home_page.new_arrival")} sideimg={sideimg2} products={props.productList[1].touristRoutes}></ProductCollection>
            <ProductCollection title={t("home_page.domestic_travel")} sideimg={sideimg3} products={props.productList[2].touristRoutes}></ProductCollection>
        </div>
    );
}

export default Mycontent;
